<template>
  <div class="flex flex-wrap items-end gap-4">
    <BaseAvatar src="no-file.jpg" size="xs" />

    <BaseAvatar src="no-file.jpg" size="sm" />

    <BaseAvatar src="no-file.jpg" size="md" />

    <BaseAvatar src="no-file.jpg" size="lg" />

    <BaseAvatar src="no-file.jpg" size="xl" />
    <!-- ...2xl, 3xl, 4xl -->
  </div>
</template>
